// frontend\src\router\index.js
// 引入相关变量
import { createRouter, createWebHashHistory } from "vue-router";
// 引入路由需要的组件
import Home from "../components/Home.vue";
// import Login from "../components/Login.vue";
import Welcome from "../components/Welcome.vue";
// 定义路由规则, 值是数组, 因为会有很多路由, 每个路由是一个对象
const routes = [
	// 主页面
	{
		name: "home", // 路由名称
		path: "/", // 路由匹配的路径, "/"表示根路径
		component: Home, // 匹配Home组件, 注意需要导入
		redirect: "/welcome", // 重定向
		meta: {
			title: "首页",
		},
		children: [
			{
				name: "welcome", // 欢迎页面
				path: "/welcome", // 对应路径
				component: Welcome, // 要加载的组件
				meta: {
					title: "欢迎页",
				},
			},
			{
				name: "system", // 系统管理
				path: "/system", // 对应路径
				meta: {
					title: "系统管理",
				},
				children: [
					{
						name: "user", // 用户管理
						path: "/system/user", // 对应路径
						component: () => import("../components/User.vue"), // 要加载的组件
						meta: {
							title: "用户管理",
						},
					},
					{
						name: "menu", // 菜单管理
						path: "/system/menu", // 对应路径
						component: () => import("../components/Menu.vue"), // 要加载的组件
						meta: {
							title: "菜单管理",
						},
					},
					{
						name: "role", // 角色管理
						path: "/system/role", // 对应路径
						component: () => import("../components/Role.vue"), // 要加载的组件
						meta: {
							title: "角色管理",
						},
					},
				],
			},
		],
	},
	// 登录页面
	{
		name: "login", // 登录页面
		path: "/login", // 对应路径
		// 路由按需加载
		component: () => import("../views/Login.vue"),
		meta: {
			title: "登录页",
		},
	},
];
// 创建路由并导出
export default createRouter({
	history: createWebHashHistory(),
	routes: routes,
});
